<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>CSDN学院</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css">
		<link rel="stylesheet" type="text/css" href="css/mystyle.css">
	</head>

	<body>
		<!--导航条-->
		<div class="csdn-toolbar">
			<ul class="toolbar-menu">
				<li>
					<a href="#" id="csdn-icon" class="toolbar_to_feed">
						<img src="img/CSDN.png" alt="网站logo" style="margin-top:-12px" />
					</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">首页</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">博客</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">学院</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">下载</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">图文课</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">论坛</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">APP</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">问答</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">商城</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">VIP会员</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">活动</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">招聘</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">ITeye</a>
				</li>
				<li>
					<a href="#" class="toolbar_to_feed" style="margin-left:0">GitChat</a>
				</li>

			</ul>
			<div class="pull-right">
				<ul class="btns">
					<li>
						<input type="text" class="input_search" name="" id="toolber-keyword" placeholder="搜索学院课程" autocomplete="off">
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">写博客</a>
					</li>

					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">消息</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed">
							<img src="img/头像.png" alt="头像" style="margin-top:-2px" />
						</a>
					</li>
				</ul>

			</div>
		</div>

		<div class="clear"></div>

		<!--导航条2-->
		<div class="nav">
			<div class="nav-menu">
				<ul class="nava">
					<li>
						<a href="#" class="nav_logo">
							<img src="img/EDU.png" alt="图标" />
						</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">视频课</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">讲师</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">直播</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">每日秒杀</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">会员</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">会员免费</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">3月限免</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">TinyMind</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">课程答疑</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">证书查询</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:0">我要开课</a>
					</li>
					<li>
						<a href="#" class="toolbar_to_feed" style="margin-left:340px">我的学院</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="clear"></div>

		<!-- 主要内容 -->
		<div class="main">
			
			<div class="left_side">
				<ul class="student">
					<li class="nav_item">我是学员</li>
					<li class="nav_item">
						<a href="#" class="iconfont">我的课程</a>
					</li>

					<li class="nav_item">
						<a href="#" class="iconfont">我的会员</a>
					</li>

					<li class="nav_item ">
						<a href="#" class="iconfont">我的红包</a>
					</li>

					<li class="nav_item ">
						<a href="#" class="iconfont">我的提问</a>
					</li>
					<li class="nav_item">
						<a href="#" class="iconfont">我的订单</a>
					</li>

					<li class="nav_item">
						<a href="#" class="iconfont">优惠券</a>
					</li>

					<li class="nav_item">
						<a href="#" class="iconfont">讲师卡</a>
					</li>

				</ul>
				<ul class="vip" style="margin-top: 20px;">

					<li class="nav_item" style="font-size: 30px;">会员特权</li>
					<li class="nav_item">
						<a href="#" class="iconfont">千门专享课程免费看</a>
					</li>

					<li class="nav_item">
						<a href="#" class="iconfont">精品课程每月免费兑</a>
					</li>

					<li class="nav_item ">
						<a href="#" class="iconfont">购课低至八折</a>
					</li>

					<li class="nav_item ">
						<a href="#" class="iconfont">600次下载特权</a>
					</li>
					<li class="nav_item">
						<a href="#" class="iconfont">专享讲师社群答疑</a>
					</li>

					<li class="nav_item">
						<a href="#" class="iconfont">查看详情</a>
					</li>


				</ul>
			</div>
			<div class="right_side">
				<div>
					<ul class="mycourse_topnav">
						<li class="active">
							<a href="#">已购课程</a>
						</li>
						<li class="active">
							<a href="#">最近播放的</a>
						</li>
						<li class="active">
							<a href="#">收藏的课程</a>
						</li>
						<li class="active">
							<a href="#">活动课程</a>
						</li>
					</ul>
				</div>

				<div>
					<ul class="mycourse_filter">
						<li class="active1">类型</li>
						<li class="active1">
							<a href="#">全部</a>
						</li>
						<li class="active1">
							<a href="#">课程</a>
						</li>
						<li class="active1">
							<a href="#">套餐</a>
						</li>
						<li class="active1">
							<a href="#e">直播</a>
						</li>
						<li class="active1">
							<a href="#">教学中心</a>
						</li>
						<li class="active1">
							<a href="#">已领取课程</a>
						</li>
					</ul>
				</div>

				<div>
					<ul class="mycourse_list">
						<li class="item_box">
							<div class="item_right">
								<div class="action"><a href="#" class="btn_red">继续学习</a></div>
							</div>
							<div class="item_left"><a href="#" class="fl"><img src="img/课程.png" style="width: 178px; "></a>
							</div>
							<div class="item_main">
								<h1>
									<a href="#">Python全栈工程师特训班</a>
								</h1>
								<p>
									<span>课程时长&nbsp;:&nbsp;</span>10 课时
									/ <em>01</em>小时<em>21</em>分<em>54</em>秒</p>
								<div class="studyprogress">学习进度&nbsp;:&nbsp;
									<div class="progressbar">
										<div class="load-bar">
											<div style="width:0%" class="load-bar-inner">
												<span></span></div>
										</div>
									</div>
									<span class="pinfo">0 /10</span>
								</div>
							</div>
							<div class="clearfix"></div>
						</li>
					</ul>
					<ul class="mycourse_list">
						<li class="item_box">
							<div class="item_right">
								<div class="action"><a href="#" class="btn_red">继续学习</a></div>
							</div>
							<div class="item_left"><a href="#" class="fl"><img src="img/课程.png" style="width: 178px; "></a>
							</div>
							<div class="item_main">
								<h1>
									<a href="#">Python全栈工程师特训班</a>
								</h1>
								<p>
									<span>课程时长&nbsp;:&nbsp;</span>10 课时
									/ <em>01</em>小时<em>21</em>分<em>54</em>秒</p>
								<div class="studyprogress">学习进度&nbsp;:&nbsp;
									<div class="progressbar">
										<div class="load-bar">
											<div style="width:0%" class="load-bar-inner">
												<span></span></div>
										</div>
									</div>
									<span class="pinfo">0 /10</span>
								</div>
							</div>
							<div class="clearfix"></div>
						</li>
					</ul>
					<ul class="mycourse_list">
						<li class="item_box">
							<div class="item_right">
								<div class="action"><a href="#" class="btn_red">继续学习</a></div>
							</div>
							<div class="item_left"><a href="#" class="fl"><img src="img/课程.png" style="width: 178px; "></a>
							</div>
							<div class="item_main">
								<h1>
									<a href="#">Python全栈工程师特训班</a>
								</h1>
								<p>
									<span>课程时长&nbsp;:&nbsp;</span>10 课时
									/ <em>01</em>小时<em>21</em>分<em>54</em>秒</p>
								<div class="studyprogress">学习进度&nbsp;:&nbsp;
									<div class="progressbar">
										<div class="load-bar">
											<div style="width:0%" class="load-bar-inner">
												<span></span></div>
										</div>
									</div>
									<span class="pinfo">0 /10</span>
								</div>
							</div>
							<div class="clearfix"></div>
						</li>
					</ul>
					<ul class="mycourse_list">
						<li class="item_box">
							<div class="item_right">
								<div class="action"><a href="#" class="btn_red">继续学习</a></div>
							</div>
							<div class="item_left"><a href="#" class="fl"><img src="img/课程.png" style="width: 178px; "></a>
							</div>
							<div class="item_main">
								<h1>
									<a href="#">Python全栈工程师特训班</a>
								</h1>
								<p>
									<span>课程时长&nbsp;:&nbsp;</span>10 课时
									/ <em>01</em>小时<em>21</em>分<em>54</em>秒</p>
								<div class="studyprogress">学习进度&nbsp;:&nbsp;
									<div class="progressbar">
										<div class="load-bar">
											<div style="width:0%" class="load-bar-inner">
												<span></span></div>
										</div>
									</div>
									<span class="pinfo">0 /10</span>
								</div>
							</div>
							<div class="clearfix"></div>
						</li>
					</ul>
					<ul class="mycourse_list">
						<li class="item_box">
							<div class="item_right">
								<div class="action"><a href="#" class="btn_red">继续学习</a></div>
							</div>
							<div class="item_left"><a href="#" class="fl"><img src="img/课程.png" style="width: 178px; "></a>
							</div>
							<div class="item_main">
								<h1>
									<a href="#">Python全栈工程师特训班</a>
								</h1>
								<p>
									<span>课程时长&nbsp;:&nbsp;</span>10 课时
									/ <em>01</em>小时<em>21</em>分<em>54</em>秒</p>
								<div class="studyprogress">学习进度&nbsp;:&nbsp;
									<div class="progressbar">
										<div class="load-bar">
											<div style="width:0%" class="load-bar-inner">
												<span></span></div>
										</div>
									</div>
									<span class="pinfo">0 /10</span>
								</div>
							</div>
							<div class="clearfix"></div>
						</li>
					</ul>
					<ul class="mycourse_list">
						<li class="item_box">
							<div class="item_right">
								<div class="action"><a href="#" class="btn_red">继续学习</a></div>
							</div>
							<div class="item_left"><a href="#" class="fl"><img src="img/课程.png" style="width: 178px; "></a>
							</div>
							<div class="item_main">
								<h1>
									<a href="#">Python全栈工程师特训班</a>
								</h1>
								<p>
									<span>课程时长&nbsp;:&nbsp;</span>10 课时
									/ <em>01</em>小时<em>21</em>分<em>54</em>秒</p>
								<div class="studyprogress">学习进度&nbsp;:&nbsp;
									<div class="progressbar">
										<div class="load-bar">
											<div style="width:0%" class="load-bar-inner">
												<span></span></div>
										</div>
									</div>
									<span class="pinfo">0 /10</span>
								</div>
							</div>
							<div class="clearfix"></div>
						</li>
					</ul>
				</div>
				<div class="csdn-pagination hide-set"><span class="page-set">
						<span class="page-nav"><span class="text">共100条数据</span>
							<a href="#" class="btn-prev">1</a>
							<a href="#" class="btn-prev">2</a>
							<a href="#" class="btn-prev">3</a>
							<a href="#" class="btn-prev">4</a>
							<a href="#" class="btn-prev">5</a>
							<span class="text">到第</span>
							<input id="skip" type="text">
							<span class="text">页</span>
							<a class="btn-go" href="#">GO</a>
						</span>
						<script>
							function skip() {
								var page = $("#skip").val();
								if (6 < page) page = 6;
								window.location.href = "https://edu.csdn.net/mycollege?&page=" + page;
							}
						</script>
				</div>
			</div>
		</div>

		</div>
		
		<div class="clear"></div>

		<!-- 页脚 -->
		<div class="pub-footer-new">
			<div id="pub-footerall" style="margin-left: 200px;">
				<p>
					<a class="right-dotte" href="#">关于我们</a>
					<a class="right-dotte" href="#">招聘</a>
					<a class="right-dotte" href="#">广告服务</a>
					<a class="right-dotte" href="#">关于我们</a>
					<a href="#" class="right-dotte">网站地图</a>
				</p>
				<p>
					QQ客服 kefu@csdn.net 客服论坛<br>
					400-660-0108 工作时间 8:30-22:00<br>
					百度提供站内搜索 京ICP证19004658号<br>
					©1999-2019 北京创新乐知网络技术有限公司<br>
					经营性网站备案信息 网络110报警服务 中国互联网举报中心 北京互联网违法和不良信息举报中心 <br>
				</p>
			</div>
		</div>


	</body>

</html>
